*{margin:0;padding:0;font:inherit;color:inherit;}
*, :after, :before{box-sizing:border-box;flex-shrink:0;}
html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none}
html, body{height:100%;}
button{background:none;border:0;cursor:pointer;}
a{text-decoration:none}
table{border-collapse:collapse;border-spacing:0}
li{list-style:none}
select{display:none;}
.clear{clear:both}
.none{display:none;}
.btnarea{text-align:center;}
.ban{border:none !important} .btn{border-top:none !important} .bbn{border-bottom:none !important} .bln{border-left:none !important} .brn{border-right:none !important}
.mr0{margin:0 !important} .pd0{padding:0 !important} .mr6{margin-right:6px !important}
.pl0  {padding-left:0px !important}   .pr0  {padding-right:0px !important}    .pt0 {padding-top:0px !important}    .pb0 {padding-bottom:0px !important}
.pl05 {padding-left:5px !important}   .pr05 {padding-right:5px !important}    .pt05{padding-top:5px !important}   .pb05 {padding-bottom:5px !important}
.pl10 {padding-left:10px !important}  .pr10 {padding-right:10px !important}   .pt10{padding-top:10px !important}  .pb10 {padding-bottom:10px !important}
.pl20 {padding-left:20px !important}  .pr20 {padding-right:20px !important}   .pt20{padding-top:20px !important}  .pb20 {padding-bottom:20px !important}
.pl30 {padding-left:30px !important}  .pr30 {padding-right:30px !important}   .pt30{padding-top:30px !important}  .pb30 {padding-bottom:30px !important}
.pl40 {padding-left:40px !important}  .pr40 {padding-right:40px !important}   .pt40{padding-top:40px !important}  .pb40 {padding-bottom:40px !important}
.pl50 {padding-left:50px !important}  .pr50 {padding-right:50px !important}   .pt50{padding-top:50px !important}  .pb50 {padding-bottom:50px !important}
.pl60 {padding-left:50px !important}  .pr60 {padding-right:60px !important}   .pt60{padding-top:60px !important}  .pb50 {padding-bottom:60px !important}
.pl70 {padding-left:60px !important}  .pr70 {padding-right:70px !important}   .pt70{padding-top:70px !important}  .pb50 {padding-bottom:70px !important}
.pl80 {padding-left:70px !important}  .pr80 {padding-right:80px !important}   .pt80{padding-top:80px !important}  .pb50 {padding-bottom:80px !important}
.pl90 {padding-left:80px !important}  .pr90 {padding-right:90px !important}   .pt90{padding-top:90px !important}  .pb50 {padding-bottom:90px !important}
.pl100{padding-left:100px !important} .pr100{padding-right:100px !important} .pt100{padding-top:100px !important} .pb100{padding-bottom:100px !important}
.pl110{padding-left:110px !important} .pr110{padding-right:110px !important} .pt110{padding-top:110px !important} .pb110{padding-bottom:110px !important}
.pl120{padding-left:120px !important} .pr120{padding-right:120px !important} .pt120{padding-top:120px !important} .pb120{padding-bottom:120px !important}
.pl130{padding-left:130px !important} .pr130{padding-right:130px !important} .pt130{padding-top:130px !important} .pb130{padding-bottom:130px !important}
.pl140{padding-left:140px !important} .pr140{padding-right:140px !important} .pt140{padding-top:140px !important} .pb140{padding-bottom:140px !important}
.pl150{padding-left:150px !important} .pr150{padding-right:150px !important} .pt150{padding-top:150px !important} .pb150{padding-bottom:150px !important}
.pl160{padding-left:160px !important} .pr160{padding-right:160px !important} .pt160{padding-top:160px !important} .pb160{padding-bottom:160px !important}

.ml0  {margin-left:0px !important}    .mr0 {margin-right:0px !important}     .mt0  {margin-top:0px !important}    .mb0  {margin-bottom:0px !important}
.ml05 {margin-left:5px !important}    .mr05 {margin-right:5px !important}    .mt05 {margin-top:5px !important}    .mb05 {margin-bottom:5px !important}
.ml10 {margin-left:10px !important}   .mr10 {margin-right:10px !important}   .mt10 {margin-top:10px !important}   .mb10 {margin-bottom:10px !important}
.ml20 {margin-left:20px !important}   .mr20 {margin-right:20px !important}   .mt20 {margin-top:20px !important}   .mb20 {margin-bottom:20px !important}
.ml30 {margin-left:30px !important}   .mr30 {margin-right:30px !important}   .mt30 {margin-top:30px !important}   .mb30 {margin-bottom:30px !important}
.ml40 {margin-left:40px !important}   .mr40 {margin-right:40px !important}   .mt40 {margin-top:40px !important}   .mb40 {margin-bottom:40px !important}
.ml50 {margin-left:50px !important}   .mr50 {margin-right:50px !important}   .mt50 {margin-top:50px !important}   .mb50 {margin-bottom:50px !important}
.ml60 {margin-left:60px !important}   .mr60 {margin-right:60px !important}   .mt60 {margin-top:60px !important}   .mb60 {margin-bottom:60px !important}
.ml70 {margin-left:70px !important}   .mr70 {margin-right:70px !important}   .mt70 {margin-top:70px !important}   .mb70 {margin-bottom:70px !important}
.ml80 {margin-left:80px !important}   .mr80 {margin-right:80px !important}   .mt80 {margin-top:80px !important}   .mb80 {margin-bottom:80px !important}
.ml90 {margin-left:90px !important}   .mr90 {margin-right:90px !important}   .mt90 {margin-top:90px !important}   .mb90 {margin-bottom:90px !important}
.ml100{margin-left:100px !important}  .mr100{margin-right:100px !important}	 .mt100{margin-top:100px !important}  .mb100{margin-bottom:100px !important}
.ml110{margin-left:110px !important}  .mr110{margin-right:110px !important}	 .mt110{margin-top:110px !important}  .mb110{margin-bottom:110px !important}
.ml120{margin-left:120px !important}  .mr120{margin-right:120px !important}	 .mt120{margin-top:120px !important}  .mb120{margin-bottom:120px !important}
.ml130{margin-left:130px !important}  .mr130{margin-right:130px !important}	 .mt130{margin-top:130px !important}  .mb130{margin-bottom:130px !important}
.ml140{margin-left:140px !important}  .mr140{margin-right:140px !important}	 .mt140{margin-top:140px !important}  .mb140{margin-bottom:140px !important}
.ml150{margin-left:150px !important}  .mr150{margin-right:150px !important}	 .mt150{margin-top:150px !important}  .mb150{margin-bottom:150px !important}
.ml160{margin-left:160px !important}  .mr160{margin-right:160px !important}	 .mt160{margin-top:160px !important}  .mb160{margin-bottom:160px !important}

/* 진행중 이벤트 */
.evt_ing_wrap{position:fixed;left:0;top:0;height:100%;z-index:790;box-sizing:initial;}
.evt_ing_wrap *{box-sizing:initial;}
.evt_ing_wrap .wrap_in{transition:all 0.5s;position:absolute;left:-200px;top:0;width:200px;height:100%;background-color:#101619;}
.evt_ing_wrap.on .wrap_in{left:0;}
.evt_ing_wrap a{text-decoration:none;}
.evt_ing_wrap ul{padding:80px 0 0 15px;}
.evt_ing_wrap ul li{overflow:hidden;width:170px;height:120px;margin-bottom:20px;}
.evt_ing_wrap ul li a{display:block;width:100%;height:100%;}
.evt_ing_wrap ul li a span{display:block;height:29px;padding-top:91px;color:#8f8f9e;font-family:'Dotum',Dotum;font-size:12px;line-height:30px;letter-spacing:-0.3px;text-align:center;}
.evt_ing_wrap ul li.cur a span{color:#fff;background:url(https://cdn.df.nexon.com/img/event/common/btn_lst_on.png) no-repeat;}
.evt_ing_wrap .btn_evt_more{display:block;width:170px;height:39px;padding-top:1px;margin-left:15px;margin-bottom:40px;line-height:40px;background-color:#393941;color:#fff;font-family:'Dotum',Dotum;font-size:13px;letter-spacing:-1.3px;text-align:center;}
.evt_ing_wrap .btn_evt_more span{padding-right:17px;background:url(https://cdn.df.nexon.com/img/event/common/ico.png) no-repeat right 2px;}
.evt_ing_wrap .btn_close{display:block;position:absolute;right:-75px;top:80px;width:75px;height:96px;margin:-18px 0 0 0;background:url(https://cdn.df.nexon.com/img/event/common/btn_lst_close.png) no-repeat;font-size:0;}
.evt_ing_wrap.on .btn_close{background-position:0 -100px;}
.evt_ing_wrap{max-width:1200px;}
.evt_ing_wrap .wrap_in > div{height:100vh;overflow:auto;}
.evt_ing_wrap .wrap_in .permanent{min-width:800px}
.scroll-wrapper{padding:0 !important;position:relative;overflow:hidden !important;}
.scroll-wrapper > .scroll-content{box-sizing:content-box !important;position:relative !important;left:0;top:0;padding:0;margin:0;width:auto !important;max-width:none !important;height:auto;max-height:none;border:none !important;overflow:scroll !important}
.scroll-wrapper > .scroll-content::-webkit-scrollbar{width:0;height:0}
.scroll-element{display:none}
.scroll-element, .scroll-element div{box-sizing:content-box}
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible{display:block}
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow{cursor:default}
.scroll-textarea > .scroll-content{overflow:hidden !important}
.scroll-textarea > .scroll-content > textarea{box-sizing:border-box;position:relative !important;top:0;margin:0;padding:2px;width:100% !important;max-width:none !important;height:100% !important;max-height:none !important;border:none !important;outline:none;overflow:scroll !important}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar{height:0;width:0}
.scrollbar-macosx{position:relative;}
.scrollbar-macosx > .scroll-element,
.scrollbar-macosx > .scroll-element div{position:absolute;margin:0;padding:0;background:none;border:none;z-index:10}
.scrollbar-macosx > .scroll-element div{display:block;left:0;top:0;width:100%;height:100%;}
.scrollbar-macosx > .scroll-element .scroll-element_track{ display:none; }
.scrollbar-macosx > .scroll-element .scroll-bar{opacity:0;display:block;background-color:#6C6E71;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;-ms-transition:opacity 0.2s linear;transition:opacity 0.2s linear}
.scrollbar-macosx:hover > .scroll-element .scroll-bar,
.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar{opacity:0.7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:alpha(opacity=70)}
.scrollbar-macosx > .scroll-element.scroll-x{left:0;bottom:0px;width:100%;min-width:100%;height:0px;overflow:visible}
.scrollbar-macosx > .scroll-element.scroll-y{right:0px;top:0;width:0px;height:100%;min-height:100%;}
.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar{top:-9px;height:7px; min-width:10px}
.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar{left:-9px;width:7px;min-height:10px;}
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer{left:2px}
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size{left:-4px}
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer{top:2px}
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size{top:-4px}
.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size{left:-11px}
.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size{top:-11px}

/* 공통주의사항 */
.noti{position:relative;padding:80px 0 150px 0;margin:0;width:100%;background:#1b2024;box-shadow:0 -8px 8px 0 rgba(0,0,0,.2) inset;z-index:100;}
.noti *{font-family:'Noto Sans Kr';font-weight:400;}
.noti dl{position:relative;margin:0 auto;padding:0;width:1200px;overflow:hidden}
.noti dl dt{position:relative;margin-bottom:12px;color:#ebe6de;font-size:50px;line-height:82px;letter-spacing:-2.5px}
.noti dl dt.sbt{margin-bottom:30px;font-size:20px;line-height:30px;color:#bbb;letter-spacing:-1px;}
.noti dl dd{position:relative;margin:0 0 30px 0}
.noti dl dd p{padding-left:10px;text-indent:-10px;color:#656c70;font-size:18px;line-height:32px;letter-spacing:0}
.noti dl dd p a{color:#0066ff;text-decoration:underline;}/* 20210630추가*/
.noti dl dd span{color:#271a41}
.noti dl dd strong{color:#bbb;}

.evtbar_bottom{position:relative;height:70px;background:#252c31;font-family:'Noto Sans Kr';font-weight:300;}
.evtbar_bottom p{position:relative;margin:0 auto;width:1200px;}
.evtbar_bottom p a{display:block;float:left;width:220px;font-size:16px;color:#ddd;line-height:69px;text-align:center;background:#20262b;}
.evtbar_bottom p a.more{background:#1c2227}
.evtbar_bottom p span{display:block;float:right;padding-top:27px;font-size:12px;color:#8e959b;text-align:right;font-weight:400;}